<template>
  <div class="hfly-layout">
    <div calss="layout-header">
      <Header :title="state.title"></Header>
    </div>
    <div class="layout-container">
      <SiderBar :code="state.code" :title="state.title" id="sider-bar"/>
      <router-view/>
    </div>
  </div>
</template>
<script lang="ts" setup>
  import { reactive } from 'vue'

  const state = reactive({
    code: 'room.manage',
    // title: '房源管理平台'
    title: ''
  })

</script>
<style scoped>
</style>
